<div ng-controller="az13" class="loading" style="width: 100%;background-color: #eeeeee;">
    <style type="text/css">
        *{margin:auto;padding:0}
        body{
            background-color: #EEEEEE;
        }
        .new-popups-content {
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            margin: auto;
            width: 250px;
            height: 150px;
            background-color: rgba(255,255,255,1);
            box-shadow: 0px 0.02rem 0.21rem 0.1rem rgba(0,0,0,0.08);
            -moz-box-shadow: 0px 0.02rem 0.21rem 0.1rem rgba(0,0,0,0.08);
            -webkit-box-shadow: 0px 0.02rem 0.21rem 0.1rem rgba(0,0,0,0.08);
            border-radius: 0.15rem;
            z-index: 9999;
            opacity: 0;
        }
        .custom-popups .popups-operation {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 35px;
            border-top: 0.02rem solid #e9e9e9;
            display: flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-box;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            flex-wrap: nowrap;
        }
        .custom-popups .content{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 140px;
        }
        .custom-popups .new-title {
            font-size: 14px;
            text-align: center;
            /* margin: 0 10px; */
            font-weight: 600;
            color: #343434;
            /*height: calc(100% - 85px);*/
            display: flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-box;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            flex-wrap: nowrap;
            position: absolute;
            top: -42px;
        }
        .custom-popups .content input{
            height: 50px;
            width: 95%;
            font-size: 16px;
            line-height: 50px;
            z-index: 1;
        }
        .weui-picker{
            z-index: 100000;
        }
    </style>
    <f-title style="background-color:#0197D6 ">
        <!-- back -->
        <f-back ng-click="az2()">〈</f-back>
        <!-- title -->
        基本信息
    </f-title>
    <input type="text" id="testinfo" style="width:100%;display:none;" />
    <f-card>
        <f-section-icon  style="background-color: #0096D5;margin-top: 18px"></f-section-icon ><f-section-title style="margin-top: 10px">配置页<f-status-circle style="background-color: #018424;float: right;margin-right:10px;width: 20px;height: 20px;margin-top:5px "></f-status-circle></f-section-title>
    </f-card>
    <f-card style="margin-top: 2px">
        <div style="display: none">
            <f-card-label style="float: left; ">产品名称</f-card-label>
            <f-card-text style="float: left; " ng-bind="ocrConfigPage.name" ng-click="updateValue('ocrConfigPage.name','产品名称');">-- -- --</f-card-text>
        </div>
        <f-card-label style="float: left; "><font color="red" style="display: inline;">*</font>型号</f-card-label>
        <f-card-text style="float: left; " ng-bind="ocrConfigPage.model" ng-click="updateValue('ocrConfigPage.model','型号');">-- -- --</f-card-text>
        <div style="display: none">
            <f-card-label style="float: left; ">昵称</f-card-label>
            <f-card-text style="float: left; " ng-bind="ocrConfigPage.nick" ng-click="updateValue('ocrConfigPage.nick','昵称');">-- -- --</f-card-text>
            <f-card-label style="float: left; ">固件版本号</f-card-label>
            <f-card-text style="float: left; " ng-bind="ocrConfigPage.firmware" ng-click="updateValue('ocrConfigPage.firmware','固件版本号');">-- -- --</f-card-text>
        </div>
        <f-card-label style="float: left; "><font color="red" style="display: inline;">*</font>产品序列号</f-card-label>
        <f-card-text style="float: left; " ng-bind="ocrConfigPage.serialNumber" ng-click="updateValue('ocrConfigPage.serialNumber','产品序列号');">-- -- --</f-card-text>
        <f-card-label style="float: left; "><font color="red" style="display: inline;">*</font>IP 地址</f-card-label>
        <f-card-text style="float: left; " ng-bind="ocrConfigPage.jetdirect" ng-click="updateValue('ocrConfigPage.jetdirect','嵌入式HP Jetdirect');">-- -- --</f-card-text>
        <div style="display: none">
            <f-card-label style="float: left;">LDAP 网关</f-card-label>
            <f-card-text style="float: left; " ng-bind="ocrConfigPage.gateway" ng-click="updateValue('ocrConfigPage.gateway','LDAP 网关');">-- -- --</f-card-text>
        </div>
    </f-card>
    <f-card>
        <f-upload style="color: black ;border: 1px solid white;height:120px">
            <f-uploadto style="font-size: 10px;text-align: center;" ng-click="scanOCR(1);"><img src="img/photo.png" style="width: 52px;height: 52px;background-color: white;margin: 0 auto;">OCR识别</f-uploadto>
        </f-upload>
    </f-card>

    <f-card style="margin-top: 6px;">
        <f-section-icon  style="background-color: #0096D5;margin-top: 18px"></f-section-icon ><f-section-title style="margin-top: 10px">耗材状态页(需录入首次耗材安装日期)<f-status-circle style="background-color: #018424;float: right;margin-right:10px;width: 20px;height: 20px;margin-top:5px "></f-status-circle></f-section-title>
    </f-card>
    <f-card  style="margin-top: 2px">
        <f-card-label style="float: left; ">青色</f-card-label>
        <f-card-text style="float: left; " ng-bind="ocrSupplyStatusPage.cyanDate" ng-click="updateValue('ocrSupplyStatusPage.cyanDate','青色');">-- -- --</f-card-text>
        <f-card-label style="float: left; ">品红</f-card-label>
        <f-card-text style="float: left; " ng-bind="ocrSupplyStatusPage.magentaDate" ng-click="updateValue('ocrSupplyStatusPage.magentaDate','品红');">-- -- --</f-card-text>
        <f-card-label style="float: left; ">黄色</f-card-label>
        <f-card-text style="float: left; " ng-bind="ocrSupplyStatusPage.yellowDate" ng-click="updateValue('ocrSupplyStatusPage.yellowDate','黄色');">-- -- --</f-card-text>
        <f-card-label style="float: left; "><font color="red" style="display: inline;">*</font>黑色</f-card-label>
        <f-card-text style="float: left; " ng-bind="ocrSupplyStatusPage.blackDate" ng-click="updateValue('ocrSupplyStatusPage.blackDate','黑色');">-- -- --</f-card-text>
    </f-card>
    <f-card>
        <f-upload style="color: black ;border: 1px solid white;height:120px">
            <f-uploadto style="font-size: 10px;text-align: center;" ng-click="scanOCR(2);"><img src="img/photo.png" style="width: 52px;height: 52px;background-color: white;margin: 0 auto;">OCR识别</f-uploadto>
        </f-upload>
    </f-card>


    <f-card style="margin-top: 6px;">
        <f-section-icon  style="background-color: #0096D5;margin-top: 18px"></f-section-icon ><f-section-title style="margin-top: 10px">用量信息页<f-status-circle style="background-color: #018424;float: right;margin-right:10px;width: 20px;height: 20px;margin-top:5px "></f-status-circle></f-section-title>
    </f-card>

    <f-card style="margin-top: 2px;padding-top: 10px">
		<f-tr style="width: 20%;"></f-tr></f-tr><f-tr style="width: 25%;">打印</f-tr><f-tr style="width: 25%;">复印</f-tr><f-tr style="width: 25%;">传真</f-tr>
        <f-tr style="width:5%;"></f-tr>
		<f-tr style="width: 20%;">黑白总计</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[0].totalMono" ng-click="updateValue('ocrUsageInfoPage[0].totalMono','黑白总计-打印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[1].totalMono" ng-click="updateValue('ocrUsageInfoPage[1].totalMono','黑白总计-复印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[2].totalMono" ng-click="updateValue('ocrUsageInfoPage[2].totalMono','黑白总计-传真');">---</f-tr>
            <f-tr style="width: 5%;"></f-tr>

        <f-tr style="width: 20%;">彩色总计</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[0].totalColor" ng-click="updateValue('ocrUsageInfoPage[0].totalColor','彩色总计-打印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[1].totalColor" ng-click="updateValue('ocrUsageInfoPage[1].totalColor','彩色总计-复印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[2].totalColor" ng-click="updateValue('ocrUsageInfoPage[2].totalColor','彩色总计-传真');">---</f-tr>
            <f-tr style="width: 5%;" > </f-tr>

		<f-tr style="width: 20%;">黑白</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[0].monochrome"  ng-click="updateValue('ocrUsageInfoPage[0].monochrome','黑白-打印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[1].monochrome"  ng-click="updateValue('ocrUsageInfoPage[1].monochrome','黑白-复印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[2].monochrome"  ng-click="updateValue('ocrUsageInfoPage[2].monochrome','黑白-传真');">---</f-tr>
            <f-tr style="width: 5%;"></f-tr>
        <div style="display: none">
            <f-tr style="width: 20%;">彩色</f-tr>
            <f-tr style="width: 25%;" ng-bind="colorAry[0]" ng-click="updateValue('colorAry[0]','彩色-打印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="colorAry[1]" ng-click="updateValue('colorAry[1]','彩色-复印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="colorAry[2]" ng-click="updateValue('colorAry[2]','彩色-传真');">---</f-tr>
            <f-tr style="width: 5%;"></f-tr>
        </div>
		<f-tr style="width: 20%;">强化</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[0].accent" ng-click="updateValue('ocrUsageInfoPage[0].accent','强化-打印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[1].accent" ng-click="updateValue('ocrUsageInfoPage[1].accent','强化-复印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[2].accent" ng-click="updateValue('ocrUsageInfoPage[2].accent','强化-传真');">---</f-tr>
            <f-tr style="width: 5%;"></f-tr>
		<f-tr style="width: 20%;">一般办公</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[0].generalOffice" ng-click="updateValue('ocrUsageInfoPage[0].generalOffice','一般办公-打印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[1].generalOffice" ng-click="updateValue('ocrUsageInfoPage[1].generalOffice','一般办公-复印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[2].generalOffice" ng-click="updateValue('ocrUsageInfoPage[2].generalOffice','一般办公-传真');">---</f-tr>
            <f-tr style="width: 5%;"></f-tr>
		<f-tr style="width: 20%;">其他</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[0].other" ng-click="updateValue('ocrUsageInfoPage[0].other','其他-打印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[1].other" ng-click="updateValue('ocrUsageInfoPage[1].other','其他-复印');">---</f-tr>
            <f-tr style="width: 25%;" ng-bind="ocrUsageInfoPage[2].other" ng-click="updateValue('ocrUsageInfoPage[2].other','其他-传真');">---</f-tr>
            <f-tr style="width: 5%;"></f-tr>
	</f-card>

    <!--<textarea rows="10">{{result}}</textarea>-->


    <f-card>
        <f-upload style="color: black ;border: 1px solid white;height:120px">
            <f-uploadto  style="font-size: 10px;text-align: center;" ng-click="scanOCR(3);"><img src="img/photo.png" style="width: 52px;height: 52px;background-color: white;margin: 0 auto;">OCR识别</f-uploadto>
            <!--<f-uploadto  style="font-size: 10px;" ng-click="scanResult();"><img src="img/photo.png" style="width: 52px;height: 52px;background-color: white">OCR识别</f-uploadto>-->
        </f-upload>
    </f-card>
    <f-card style="background-color: white">
        <!-- 单调按钮 -->
        <f-buttongroup style="margin-top: 20px;width: 100%;background-color: white;" >
            <f-button ng-click="five()" style="margin-left: 20%;    width: 55%;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    margin-top: 15px;
    line-height: 30px;
    margin-bottom: 20px;">下一步</f-button>
        </f-buttongroup>
    </f-card>


    <div class="custom-popups update-popups">
        <div class="popups-mask" ng-click="popupsCancel()"></div>
        <div class="popups-content pc" id="pcontent">
            <div class="title pt">{{confirmMessage}}</div>
            <div class="content" id="temp"></div>
            <div class="popups-operation" ng-click="popupsCancel()" ng-if="tempValue==null || tempValue== undefined ">
                <button class="left-button" style="font-size: 14px;font-weight: bold;">确认</button>
            </div>
        </div>
    </div>

</div>